<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Goo See Doc</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,vietnamese' rel='stylesheet'
          type='text/css'>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <?php echo isset($addon_css) ? $addon_css : NULL; ?>
    <link href="css/goseedoc.css" rel="stylesheet">
    <link href="css/nhung.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <?php echo isset($addon_js) ? $addon_js : NULL; ?>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="<?php echo $body_class; ?>">
<header class="header">
    <div class="container">
        <div class="row">
            <div class="col-xs-6">
                <div class="logo">
                    <a href="#" title="Goo See Doc">Go See Doc</a>
                </div>
                <div class="slogan">
                    Finding you the finest specimens
                </div>
            </div>
            <div class="col-xs-6">
                <div class="header-user-wrap pull-right">
                    <div class="header-user">
                        <a href="#" class="header-user-profile" data-toggle="dropdown" aria-expanded="false">
                            <img src="img/icon/icon-user-profile.png" width="35" height="35" alt="Profile Image"/>
                            <span>username@gmail.com</span>
                            <i class="fa fa-angle-down header-icon-down"></i>
                        </a>
                    </div>
                    <div class="header-logout">
                        <a href="#" class="header-user-logout" data-toggle="dropdown" aria-expanded="false">
                            <img src="img/icon/icon-logout.png" width="17" height="17" alt="Logout image"/>
                            <span>Sign Out</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<nav class="navigation">
    <div class="container navbar-goseedoc">
        <ul class="nav navbar-nav">
            <li><a href="#"><i class="fa fa-search"></i> Search</a></li>
            <li><a href="#"><i class="fa fa-calendar"></i> Calendar</a></li>
            <li><a href="#"><i class="fa fa-envelope-o"></i> Inbox</a></li>
            <li><a href="#"><i class="fa fa-heart-o"></i> Favourites</a></li>
            <li><a href="#"><i class="fa fa-bullhorn"></i> Announcements</a></li>
        </ul>
    </div>
</nav>